$(function(){
    //在模态框的.ok按钮上注册时事件,注册几次就会添加几条数据，因此添加数据后要移除事件
    $("#modal-dialog").on("click",".save",doSaveOrUpdate)
    //在模态框隐藏后移除ok按钮上注册的事件，防止数据多次提交
    $("#modal-dialog").on("hidden.bs.modal",function(){
        console.log("---hidden.bs.modal---")
        //移除on绑定的事件
        $("#modal-dialog").off("click",".save");
        //模态框隐藏后移除绑定的idKEY
        $("#modal-dialog").removeData("idKey");
        console.log("模态框隐藏了");
        $("#content").empty();
        $("#content").load("emplist");
    });
    let id = $("#modal-dialog").data("idKey");
    if(id){
        console.log(id);
        doFindObjectById(id);
    }
})
function doSaveOrUpdate() {
    if(!$("#form1").valid())return;
    //1.获得表单数据
    let params = getEditFormData();
    console.log(params);
    //2.异步提交表单数据
    let insertUrl = "add";
    let updateUrl = "update";
    //获得模态框上绑定的id值
    let id = $("#modal-dialog").data("idKey");
    //根据id判定是insert还是update
    let url = id ? updateUrl : insertUrl;
    //在修改时需要id的值，所以假如是修改需要动态添加id
    if(id){
        params.id=id;
    }
    $.post(url,params,function(json){

        if(json.state==1) {
            //隐藏模态框
            $("#modal-dialog").modal("hide");

        }else{
            alert(json.message)
        }
        //显示相关信息
        //alert();
        //重新查询数据
        /*doGetObjects()*/

    })

}

function doFindObjectById(id) {
    let url = "findEmpById";
    let params = {"id": id};
    $.getJSON(url,params,function(result){
        console.log(result);
        if(result.state==1){
            console.log(result.data);
            doInitFormDate(result.data);
        }else if(result.state==0){
            alert(result.message);
        }
    })

}
function doInitFormDate(data) {
    $("#username").val(data.username);
    $("#password").val(data.password);
    $("#mobile").val(data.mobile);
    $("#email").val(data.email);
}
function getEditFormData() {
    let params = {
        username: $("#username").val(),
        password: $("#password").val(),
        mobile: $("#mobile").val(),
        email: $("#email").val(),
      /*  valid: $("input[type='radio']:checked").val(),
        note: $("#noteId").val()*/
    };
    return params;
}